﻿    
    
    /* Layout */
    
    @font-face {
 font-family: helveticaNeue;
 src: url('../Fonts/HelveticaNeueLight.eot');
 src: url('../Fonts/HelveticaNeueLight.ttf') format('truetype'), url('../Fonts/HelveticaNeueLight.woff') format('woff');
}

/* 
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('HelveticaNeueLight.eot');
    src: local('HelveticaNeueLight'), 
         local('HelveticaNeueLight'), 
         url('HelveticaNeueLight.ttf') format('truetype'),
		 url('HelveticaNeueLight') format('woff'); 
}
*/



body{
    background:url(../Images/BodyBgRepeat.jpg) repeat-x top left #443635; 
    
}

    #ContainerOuter{
        background:url(../Images/ContainerLeftBg.jpg) top left no-repeat #443635;
        width:1000px;
        margin:0 auto;
        }
        #ContainerInner{
            background:url(../Images/ContainerRightBg.jpg) top right no-repeat;
            padding:20px 35px;
            min-height:550px;
            }
            #Header{
                position:relative;
                margin-bottom:37px;
                }
            
                .Logo{
                    background:url(../Images/TenSevenNineLogo.gif) top right no-repeat;
                    width:175px;
                    height:0;
                    padding-top:163px;
                    overflow:hidden;
                    display:block;
                }
                #SayHello{ 
                    float: right;
                    position: absolute;
                    right: 0;
                    top: 0;
                    margin-right:25px;
                }
            #Main{padding-top:20px;}
                #MainLcol{
                    width:140px;
                    float:left;
                    }
                #MainRcol{
                    width:773px;
                    float:right
                    }
                    
                    a.tile{
                        display:block;
                        /*width:165px;*/
                        margin-right:10px;
                        margin-bottom:10px;
                        height:130px;
                        float:left;
                        padding:10px;
                        background:#514442;
                        text-decoration:none;
                        min-width:162px;
                        }
                        
                        a.tile img.tumbnail, a.tile span.title, a.tile span.description{
                            display:block;
                            width:162px;
                            }
                        
                        
                        a.tile div.thumbnailImage{
                            height:60px;
                            width:162px;
                            background-position: 0 -62px;
                            background-repeat:no-repeat;
                            
                            }
                        
                        a.tile:hover div.thumbnailImage{background-position:0  0px}
                        
                        a.tile img.tumbnail{
                            display:block;
                            clear:both;}
                        a.tile span.title{color:#e24e98;margin: 4px 0 2px;}
	                    a.tile span.description{color:#857D7C}
	                a.tile:link{background:#514442;}
	                a.tile:visited{background:#514442;}
	                a.tile:hover{background:#fff;}
	                a.tile:active{background:#514442;}
	                
	                
	                
            /*Project Item*/
            #Lcol{float:left;
                  width:175px;}
            #Rcol{float:right;
                  width:580px;
                  position:relative;
                  }
            

#col1, #col2{
    width:160px;
    float:left;
    }
    #col1{margin-right:20px;}
    #col2{margin-right:20px;}
#col3{float:right;
      width:400px;
      }

#Footer{margin-top:35px;}

/* Navigation */	
#navigation { }
	#navigation li { }
		#navigation li a {}
		
		#navigation #nav-portfolio a { width:99px; background-position:0 0; }
		#navigation #nav-portfolio.selected a,
		#navigation #nav-portfolio.selected a:hover { background-position:0 -140px; }
		#navigation #nav-portfolio a:hover { background-position:0 -70px; }
		


	

/* Forms */
form {}

	#comment_form { margin-bottom:20px; }
	
	
	.text { padding:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; color:#aaa; background:#fafafa; }
		.text:focus { color:#000; background:#fff; }
	
	.non-registered-details { float:left; width:170px; margin-right:20px; }
		.last-details { margin-right:0; }
		#comment_name, #comment_email, #comment_url { width:164px; }
		#comment { width:550px; height:110px; font:1.1em "Helvetica Neue", Helvetica, Arial, Sans-serif; }
		#captcha { float:left; margin:2px 10px 0 0; }
		fieldset { margin-bottom:10px; }

/* Typography */
body {
    /*font:67%/1.5 "helveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; color:#857d7c;*/
    font-family: "helveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
	font-size:13px;
	line-height:14px;
	font-weight:lighter;

    color:#857d7c;
    
    }

	ul, ol { margin:0 0 1em 1.4em; }

	p { margin:0 0 1em 0;
	    line-height:1.2em }
	
	blockquote { }
		blockquote p { font-size:1.8em; line-height:1.1; color:#757575; margin:0 0 5px 0; font-family:georgia,times; font-style:italic; }
		blockquote cite { font-size:0.5em; color:#838383; font-family:"HelveticaNeue", Helvetica, Arial, Sans-serif; }
		
		
	h1{font-family:HelveticaNeue;}
	
	.Home h1{
        color: #E24E98;
        font-family: "Helvetica Neue",Helvetica,Arial,serif;
        font-size: 34px;
        
        line-height: 1em;
        
        margin:20px 0 10px 0;
	    }
    .Projects h1{height:0; overflow:hidden;
                }
	.Projects_1 h1{
	    color:#E24E98;
	    /*font-size:17px;*/
	    font-weight:normal;
	    margin-bottom:5px;
	    }
	    
	h2 {color:#e24e98;
	    font-size:1.2em}
	
	h3 {color:#e24e98; font-weight:normal;}
	h4 {}
		
	h5, h6 { }

    .pink{color:#E24E98;}
    .white{color:#fff;}
	/*
	.strapline { font-size:2.95em; color:#838383; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; padding-top:50px; height:0; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #eaeaea; display:block; }
		#strapline-Home { background:url("../images/strapline-home.gif") 0 0 no-repeat; }
		#strapline-blog { background:url("../images/strapline-blog.gif") 0 0 no-repeat; }
		#strapline-portfolio { background:url("../images/strapline-portfolio.gif") 0 0 no-repeat; }
	*/
	
/*  Links  */	
a			{ text-decoration:none; color:#fff; cursor:pointer  }
a:visited, a:visited:hover	{ text-decoration:none;color:#fff; } 
a:hover		{ text-decoration:none;color:#fff;  }
a:active	{ text-decoration:none; color:#fff; }

h1 a			{ color:#757575; font-weight:bold; text-decoration:none; }
h1 a:visited	{ color:#757575; } 
h1 a:hover, h1 a:visited:hover	{ color:#00adee; text-decoration:none; }
h1 a:active	{ color:#757575; text-decoration:none; }

/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { zoom:1; }
.clearfix { display: block; }
/* End hide from IE-mac */ 

/*Navigation*/
ul.rpRootGroup{padding:0; margin:0;font-weight:normal}
    ul.rpRootGroup li{}
        ul.rpRootGroup li ul{margin:0 0 0 10px; font-weight:normal;}
            ul.rpRootGroup a{
                display: block;
                padding: 2px 0;
                }
                a.rpSelected:link{color:#e24e98}
	            a.rpSelected:visited{color:#e24e98}
                a.rpSelected:hover{color:#e24e98}
	            a.rpSelected:active{color:#e24e98}

            ul.rpGroup a:link{color:#857D7C}
            ul.rpGroup a:visited{color:#857D7C}
            ul.rpGroup a:hover{color:#857D7C}
            ul.rpGroup a:active{color:#857D7C}
            
            ul.rpRootGroup a.rpSelected:link{color:#e24e98}
            ul.rpRootGroup a.rpSelected:visited{color:#e24e98}
            ul.rpRootGroup a.rpSelected:hover{color:#e24e98}
            ul.rpRootGroup a.rpSelected:active{color:#e24e98}
/*scrollable*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 568px;
	height:404px;
	/* custom decorations */
	border:0;
	
}

.Home .scrollable {
	width: 764px;
	height:274px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:568px;
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}*/

#ScollableControls{
      color: #FFFFFF;
    
    font-weight: normal;
    position: absolute;
    right: 13px;
    top: -25px;
    }
    
    .Home .items div {
	float:left;
	width:764px;
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}*/

.Home #ScollableControls{
    position:absolute;
    right: 15px;
    top: -25px;
    }